<template>
<div class="container-bg">
   
    <div class="container-bg-item1"></div>
    <div class="container-bg-item2"></div>
    </div>
</template>
 <script>
 export default{
     data(){
         return{};
     },
     methods:{},
 };
 </script>

    <style scoped>
        .container-bg{
            position: relative;
          width:300px;
          height:300px;
          background:#cfcfcf;
   
        }
        .container-bg-item1{
            position: absolute;
            bottom: 0px;
            width: 100px;
            height: 100px;
            background: red;
        }
         .container-bg-item2{
        
            width: 50px;
            height: 50px;
            background: green;
        }
        
    </style>